.title {
  font-size: 50rpx;      /* 设置标题字体大小 */
  text-align: center;    /* 将标题文字居中显示 */
  color: chocolate;      /* 设置标题文字颜色为巧克力色 */
  padding: 60rpx 0 30rpx; /* 设置标题的上、下内边距，左右内边距为0 */
}

.out {
  width: 690rpx;          /* 设置包含商品信息的区域的宽度 */
  margin: 30rpx;          /* 设置包含商品信息的区域的外边距 */
  box-shadow: 0 15rpx 40rpx rgba(0, 0, 0, 0.1);  /* 添加阴影效果 */
  border-radius: 30rpx;   /* 设置区域的边框圆角 */
  padding: 30rpx;         /* 设置区域的内边距 */
  box-sizing: border-box; /* 让内边距和边框计入区域的总宽度 */
}

.out .list .row {
  padding: 15rpx 0;       /* 设置列表中每一行的上、下内边距 */
  border-bottom: 1rpx solid #e8e8e8;  /* 设置列表行之间的底部边框 */
  display: flex;          /* 使用 Flex 布局 */
  justify-content: space-between;     /* 使每行内的元素左右两端对齐 */
  align-items: center;    /* 使每行内的元素垂直居中对齐 */
  font-size: 34rpx;       /* 设置每行文字的字体大小 */
  color: #333;            /* 设置每行文字颜色 */
}

.out .list .row .text {
  padding-right: 10rpx;   /* 设置每行内文字的右边内边距 */
  box-sizing: border-box;  /* 让内边距和边框计入文字的总宽度 */
}

.out .count {
  padding: 20rpx 0;       /* 设置数量信息区域的上、下内边距 */
  font-size: 30rpx;       /* 设置文字字体大小 */
  color: #888;            /* 设置文字颜色 */
  text-align: center;     /* 设置文字居中显示 */
}

.out .comment {
  display: flex;          /* 使用 Flex 布局 */
  margin-top: 20rpx;      /* 设置评论区域与上方元素的顶部外边距 */
}

.out .comment .input {
  flex: 4;                /* 占据评论区域的 4/5 宽度 */
  background: #f4f4f4;    /* 设置输入框的背景色 */
  margin-right: 10rpx;    /* 设置输入框与按钮之间的右边外边距 */
  height: 64rpx;          /* 设置输入框的高度 */
  border-radius: 8rpx;    /* 设置输入框的边框圆角 */
  padding: 0 20rpx;       /* 设置输入框的左右内边距 */
  color: #333;            /* 设置输入框文字颜色 */
}

.out .comment button {
  flex: 1;                /* 占据评论区域的 1/5 宽度 */
  /* （按钮的样式设置可以根据实际需要来定义） */
}
